<!DOCTYPE html>
<div>
    <head>
        <title>(贵州容百)一配-设备二级点检表</title>
        <!--
        <meta name="viewport" content="width=device-width, initial-scale=1.0 Access-Control-Allow-Origin">
        -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- 引入 Bootstrap -->
        <!--<link href="<?=base_url('html/bootstrap_v3/css/bootstrap.css')?>" rel="stylesheet">-->
        <link href="<?=  base_url('/html/bootstrap_v3/css/bootstrap.css')?>" rel="stylesheet">
        <link href="<?=base_url('html/bootstrap_v3/datepicker/css/bootstrap-datetimepicker.min.css')?>" rel="stylesheet">
        <script src="<?=base_url('html/js/jquery-1.8.3.min.js')?>"></script>
        <script src="<?=base_url('html/bootstrap_v3/js/bootstrap.min.js')?>"></script>
        <script src="<?=base_url('html/bootstrap_v3/datepicker/js/bootstrap-datetimepicker.js')?>"></script>
        <script src="<?=base_url('html/bootstrap_v3/datepicker/js/locales/bootstrap-datetimepicker.zh-CN.js')?>"></script>
        <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
        <script>
            /*
             * 注意：
             * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
             * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
             * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
             *
             * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
             * 邮箱地址：weixin-open@qq.com
             * 邮件主题：【微信JS-SDK反馈】具体问题
             * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
             */
            wx.config({
                debug: false,
                appId: '<?=$appId;?>',
                timestamp: <?=$timestamp;?>,
                nonceStr: '<?=$nonceStr;?>',
                signature: '<?=$signature;?>',
                jsApiList: [
                    // 所有要调用的 API 都要加到这个列表中
                    'scanQRCode',
                    'chooseImage',
                    'previewImage',
                    'uploadImage',
                    'downloadImage',
                ]
            });
            wx.ready(function () {
                // 设备编码照片
                // 在这里调用 API
                document.querySelector('.equipmentNOImgSrc').onclick = function () {
                    wx.scanQRCode({
                        needResult: 1,
                        desc: 'scanQRCode desc',
                        success: function (res) {
                            //alert(JSON.stringify(res));
                            var result = res.resultStr;
                            alert(result);
                        }
                    });
                };
                var images = {
                    localId: [],
                    serverId: []
                };
                document.querySelector('.equipmentNOImgSrc').onclick = function(){
                    wx.chooseImage({
                        count: 1,
                        sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
                        sourceType: ['camera'], // 可以指定来源是相册还是相机，默认二者都有
                        isSaveToAlbum: 0,
                        success: function (res) {
                            /*
                            if(res.localIds.length > 1){
                                alert("只能选择一张图片",null);
                                return;
                            }
                            */
                            images.localId = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
                            // alert('已选择 ' + res.localIds.length + ' 张图片');

                            if (images.localId.length == 0) {
                                alert('请先选择要上传的图片');
                                return;
                            }
                            var i = 0, length = images.localId.length;
                            images.serverId = [];
                            function upload() {
                                wx.uploadImage({
                                    localId: images.localId[i],
                                    success: function (res) {
                                        i++;
                                        // alert('已上传：' + i + '/' + length);
                                        images.serverId.push(res.serverId);
                                        $.ajax({
                                            type:"GET",
                                            isShowProgressTips: 1, // 默认为1，显示进度提示
                                            url:"<?=base_url()?>/createFile/downloadfile?mediaid="+res.serverId,
                                            success:function(data){
                                                var html = "<img src='<?=base_url()?>/"+data+"' width='120px'>"
                                                //alert(html);
                                                $("#showimgequipmentNO").append(html);
                                                $("#equipmentNOImgSrc").val(data);
                                            },
                                            error:function(msg){

                                            }
                                        })
                                        if (i < length) {
                                            upload();
                                        }
                                        if(i==length){
                                            //alert(images.serverId);
                                        }
                                    },
                                    fail: function (res) {
                                        alert(JSON.stringify(res));
                                    }
                                });
                            }
                            upload();
                        }
                    });
                }

                // 电机滑轮是否磨损
                // 在这里调用 API
                document.querySelector('.pulleyAbrasionImgSrc').onclick = function () {
                    wx.scanQRCode({
                        needResult: 1,
                        desc: 'scanQRCode desc',
                        success: function (res) {
                            //alert(JSON.stringify(res));
                            var result = res.resultStr;
                            alert(result);
                        }
                    });
                };
                var images = {
                    localId: [],
                    serverId: []
                };
                document.querySelector('.pulleyAbrasionImgSrc').onclick = function(){
                    wx.chooseImage({
                        count: 1,
                        sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
                        sourceType: ['camera'], // 可以指定来源是相册还是相机，默认二者都有
                        isSaveToAlbum: 0,
                        success: function (res) {
                            /*
                            if(res.localIds.length > 1){
                                alert("只能选择一张图片",null);
                                return;
                            }
                            */
                            images.localId = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
                            // alert('已选择 ' + res.localIds.length + ' 张图片');

                            if (images.localId.length == 0) {
                                alert('请先选择要上传的图片');
                                return;
                            }
                            var i = 0, length = images.localId.length;
                            images.serverId = [];
                            function upload() {
                                wx.uploadImage({
                                    localId: images.localId[i],
                                    success: function (res) {
                                        i++;
                                        // alert('已上传：' + i + '/' + length);
                                        images.serverId.push(res.serverId);
                                        $.ajax({
                                            type:"GET",
                                            isShowProgressTips: 1, // 默认为1，显示进度提示
                                            url:"<?=base_url()?>/createFile/downloadfile?mediaid="+res.serverId,
                                            success:function(data){
                                                var html = "<img src='<?=base_url()?>/"+data+"' width='120px'>"
                                                //alert(html);
                                                $("#showimgpulleyAbrasion").append(html);
                                                $("#pulleyAbrasionImgSrc").val(data);
                                            },
                                            error:function(msg){

                                            }
                                        })
                                        if (i < length) {
                                            upload();
                                        }
                                        if(i==length){
                                            //alert(images.serverId);
                                        }
                                    },
                                    fail: function (res) {
                                        alert(JSON.stringify(res));
                                    }
                                });
                            }
                            upload();
                        }
                    });
                }

                // 搅拌轴轴承是否磨损、破裂
                // 在这里调用 API
                document.querySelector('.stirBearingAbrasionImgSrc').onclick = function () {
                    wx.scanQRCode({
                        needResult: 1,
                        desc: 'scanQRCode desc',
                        success: function (res) {
                            //alert(JSON.stringify(res));
                            var result = res.resultStr;
                            alert(result);
                        }
                    });
                };
                var images = {
                    localId: [],
                    serverId: []
                };
                document.querySelector('.stirBearingAbrasionImgSrc').onclick = function(){
                    wx.chooseImage({
                        count: 1,
                        sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
                        sourceType: ['camera'], // 可以指定来源是相册还是相机，默认二者都有
                        isSaveToAlbum: 0,
                        success: function (res) {
                            /*
                            if(res.localIds.length > 1){
                                alert("只能选择一张图片",null);
                                return;
                            }
                            */
                            images.localId = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
                            // alert('已选择 ' + res.localIds.length + ' 张图片');

                            if (images.localId.length == 0) {
                                alert('请先选择要上传的图片');
                                return;
                            }
                            var i = 0, length = images.localId.length;
                            images.serverId = [];
                            function upload() {
                                wx.uploadImage({
                                    localId: images.localId[i],
                                    success: function (res) {
                                        i++;
                                        // alert('已上传：' + i + '/' + length);
                                        images.serverId.push(res.serverId);
                                        $.ajax({
                                            type:"GET",
                                            isShowProgressTips: 1, // 默认为1，显示进度提示
                                            url:"<?=base_url()?>/createFile/downloadfile?mediaid="+res.serverId,
                                            success:function(data){
                                                var html = "<img src='<?=base_url()?>/"+data+"' width='120px'>"
                                                //alert(html);
                                                $("#showimgstirBearingAbrasion").append(html);
                                                $("#stirBearingAbrasionImgSrc").val(data);
                                            },
                                            error:function(msg){

                                            }
                                        })
                                        if (i < length) {
                                            upload();
                                        }
                                        if(i==length){
                                            //alert(images.serverId);
                                        }
                                    },
                                    fail: function (res) {
                                        alert(JSON.stringify(res));
                                    }
                                });
                            }
                            upload();
                        }
                    });
                }

                // 桨叶紧固螺母是否松动
                // 在这里调用 API
                document.querySelector('.nutLoosenessImgSrc').onclick = function () {
                    wx.scanQRCode({
                        needResult: 1,
                        desc: 'scanQRCode desc',
                        success: function (res) {
                            //alert(JSON.stringify(res));
                            var result = res.resultStr;
                            alert(result);
                        }
                    });
                };
                var images = {
                    localId: [],
                    serverId: []
                };
                document.querySelector('.nutLoosenessImgSrc').onclick = function(){
                    wx.chooseImage({
                        count: 1,
                        sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
                        sourceType: ['camera'], // 可以指定来源是相册还是相机，默认二者都有
                        isSaveToAlbum: 0,
                        success: function (res) {
                            /*
                            if(res.localIds.length > 1){
                                alert("只能选择一张图片",null);
                                return;
                            }
                            */
                            images.localId = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
                            // alert('已选择 ' + res.localIds.length + ' 张图片');

                            if (images.localId.length == 0) {
                                alert('请先选择要上传的图片');
                                return;
                            }
                            var i = 0, length = images.localId.length;
                            images.serverId = [];
                            function upload() {
                                wx.uploadImage({
                                    localId: images.localId[i],
                                    success: function (res) {
                                        i++;
                                        // alert('已上传：' + i + '/' + length);
                                        images.serverId.push(res.serverId);
                                        $.ajax({
                                            type:"GET",
                                            isShowProgressTips: 1, // 默认为1，显示进度提示
                                            url:"<?=base_url()?>/createFile/downloadfile?mediaid="+res.serverId,
                                            success:function(data){
                                                var html = "<img src='<?=base_url()?>/"+data+"' width='120px'>"
                                                //alert(html);
                                                $("#showimgnutLooseness").append(html);
                                                $("#nutLoosenessImgSrc").val(data);
                                            },
                                            error:function(msg){

                                            }
                                        })
                                        if (i < length) {
                                            upload();
                                        }
                                        if(i==length){
                                            //alert(images.serverId);
                                        }
                                    },
                                    fail: function (res) {
                                        alert(JSON.stringify(res));
                                    }
                                });
                            }
                            upload();
                        }
                    });
                }

                // 高混机桨叶是否磨损
                // 在这里调用 API
                document.querySelector('.paddleBladeAbrasionImgSrc').onclick = function () {
                    wx.scanQRCode({
                        needResult: 1,
                        desc: 'scanQRCode desc',
                        success: function (res) {
                            //alert(JSON.stringify(res));
                            var result = res.resultStr;
                            alert(result);
                        }
                    });
                };
                var images = {
                    localId: [],
                    serverId: []
                };
                document.querySelector('.paddleBladeAbrasionImgSrc').onclick = function(){
                    wx.chooseImage({
                        count: 1,
                        sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
                        sourceType: ['camera'], // 可以指定来源是相册还是相机，默认二者都有
                        isSaveToAlbum: 0,
                        success: function (res) {
                            /*
                            if(res.localIds.length > 1){
                                alert("只能选择一张图片",null);
                                return;
                            }
                            */
                            images.localId = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
                            // alert('已选择 ' + res.localIds.length + ' 张图片');

                            if (images.localId.length == 0) {
                                alert('请先选择要上传的图片');
                                return;
                            }
                            var i = 0, length = images.localId.length;
                            images.serverId = [];
                            function upload() {
                                wx.uploadImage({
                                    localId: images.localId[i],
                                    success: function (res) {
                                        i++;
                                        // alert('已上传：' + i + '/' + length);
                                        images.serverId.push(res.serverId);
                                        $.ajax({
                                            type:"GET",
                                            isShowProgressTips: 1, // 默认为1，显示进度提示
                                            url:"<?=base_url()?>/createFile/downloadfile?mediaid="+res.serverId,
                                            success:function(data){
                                                var html = "<img src='<?=base_url()?>/"+data+"' width='120px'>"
                                                //alert(html);
                                                $("#showimgpaddleBladeAbrasion").append(html);
                                                $("#paddleBladeAbrasionImgSrc").val(data);
                                            },
                                            error:function(msg){

                                            }
                                        })
                                        if (i < length) {
                                            upload();
                                        }
                                        if(i==length){
                                            //alert(images.serverId);
                                        }
                                    },
                                    fail: function (res) {
                                        alert(JSON.stringify(res));
                                    }
                                });
                            }
                            upload();
                        }
                    });
                }

                // 罐体内部有无擦痕
                // 在这里调用 API
                document.querySelector('.scratchImgSrc').onclick = function () {
                    wx.scanQRCode({
                        needResult: 1,
                        desc: 'scanQRCode desc',
                        success: function (res) {
                            //alert(JSON.stringify(res));
                            var result = res.resultStr;
                            alert(result);
                        }
                    });
                };
                var images = {
                    localId: [],
                    serverId: []
                };
                document.querySelector('.scratchImgSrc').onclick = function(){
                    wx.chooseImage({
                        count: 1,
                        sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
                        sourceType: ['camera'], // 可以指定来源是相册还是相机，默认二者都有
                        isSaveToAlbum: 0,
                        success: function (res) {
                            /*
                            if(res.localIds.length > 1){
                                alert("只能选择一张图片",null);
                                return;
                            }
                            */
                            images.localId = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
                            // alert('已选择 ' + res.localIds.length + ' 张图片');

                            if (images.localId.length == 0) {
                                alert('请先选择要上传的图片');
                                return;
                            }
                            var i = 0, length = images.localId.length;
                            images.serverId = [];
                            function upload() {
                                wx.uploadImage({
                                    localId: images.localId[i],
                                    success: function (res) {
                                        i++;
                                        // alert('已上传：' + i + '/' + length);
                                        images.serverId.push(res.serverId);
                                        $.ajax({
                                            type:"GET",
                                            isShowProgressTips: 1, // 默认为1，显示进度提示
                                            url:"<?=base_url()?>/createFile/downloadfile?mediaid="+res.serverId,
                                            success:function(data){
                                                var html = "<img src='<?=base_url()?>/"+data+"' width='120px'>"
                                                //alert(html);
                                                $("#showimgscratch").append(html);
                                                $("#scratchImgSrc").val(data);
                                            },
                                            error:function(msg){

                                            }
                                        })
                                        if (i < length) {
                                            upload();
                                        }
                                        if(i==length){
                                            //alert(images.serverId);
                                        }
                                    },
                                    fail: function (res) {
                                        alert(JSON.stringify(res));
                                    }
                                });
                            }
                            upload();
                        }
                    });
                }
                // 主轴气密封气压照片
                // 在这里调用 API
                document.querySelector('.pressureImgSrc').onclick = function () {
                    wx.scanQRCode({
                        needResult: 1,
                        desc: 'scanQRCode desc',
                        success: function (res) {
                            //alert(JSON.stringify(res));
                            var result = res.resultStr;
                            alert(result);
                        }
                    });
                };
                var images = {
                    localId: [],
                    serverId: []
                };
                document.querySelector('.pressureImgSrc').onclick = function(){
                    wx.chooseImage({
                        count: 1,
                        sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
                        sourceType: ['camera'], // 可以指定来源是相册还是相机，默认二者都有
                        isSaveToAlbum: 0,
                        success: function (res) {
                            /*
                            if(res.localIds.length > 1){
                                alert("只能选择一张图片",null);
                                return;
                            }
                            */
                            images.localId = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
                            // alert('已选择 ' + res.localIds.length + ' 张图片');

                            if (images.localId.length == 0) {
                                alert('请先选择要上传的图片');
                                return;
                            }
                            var i = 0, length = images.localId.length;
                            images.serverId = [];
                            function upload() {
                                wx.uploadImage({
                                    localId: images.localId[i],
                                    success: function (res) {
                                        i++;
                                        // alert('已上传：' + i + '/' + length);
                                        images.serverId.push(res.serverId);
                                        $.ajax({
                                            type:"GET",
                                            isShowProgressTips: 1, // 默认为1，显示进度提示
                                            url:"<?=base_url()?>/createFile/downloadfile?mediaid="+res.serverId,
                                            success:function(data){
                                                var html = "<img src='<?=base_url()?>/"+data+"' width='120px'>"
                                                //alert(html);
                                                $("#showimgpressure").append(html);
                                                $("#pressureImgSrc").val(data);
                                            },
                                            error:function(msg){

                                            }
                                        })
                                        if (i < length) {
                                            upload();
                                        }
                                        if(i==length){
                                            //alert(images.serverId);
                                        }
                                    },
                                    fail: function (res) {
                                        alert(JSON.stringify(res));
                                    }
                                });
                            }
                            upload();
                        }
                    });
                }




            });

            $(document).ready(function () {
                $("input[name=pressure]").blur(function () {
                    if(isNaN($(this).val())){
                        alert("主轴气密封气压请输入数字！");
                        $(this).val("");
                    }
                });
                $("#submit").click(function(){
                    NoClick();
                    var userName = $("#userName").val();
                    var userId = $("#userId").val();
                    // var userDeptName = $("#userDeptName option:selected").val();
                    var createTime = $("#createTime").val();
                    var productLine = $("#productLine option:selected").val();
                    var classes = $("#classes input:checked").val();
                    var equipmentNOImgSrc = $("#equipmentNOImgSrc").val();
                    var isPulleyAbrasion = $("#isPulleyAbrasion input:checked").val();
                    var isRunStable = $("#isRunStable input:checked").val();
                    // var isAbnormalSound = $("#isAbnormalSound input:checked").val();
                    var isStirBearingAbrasion = $("#isStirBearingAbrasion input:checked").val();
                    // var isStirBearingBroke = $("#isStirBearingBroke input:checked").val();
                    var isStarBearingStable = $("#isStarBearingStable input:checked").val();

                    // var isStarBearingAbnormalSound = $("#isStarBearingAbnormalSound input:checked").val();
                    var isNutLooseness = $("#isNutLooseness input:checked").val();
                    var isPaddleBladeAbrasion = $("#isPaddleBladeAbrasion input:checked").val();
                    var isWaterLeakage = $("#isWaterLeakage input:checked").val();
                    var isImpellerRunStable = $("#isImpellerRunStable input:checked").val();
                    // var isImpellerRunAbnormalSound = $("#isImpellerRunAbnormalSound input:checked").val();

                    // var isPrincipalAxisStable = $("#isPrincipalAxisStable input:checked").val();
                    var isPrincipalAxisAbnormalSound = $("#isPrincipalAxisAbnormalSound input:checked").val();
                    // var isPrincipalAxisMaterLeakage = $("#isPrincipalAxisMaterLeakage input:checked").val();
                    var isScratch = $("#isScratch input:checked").val();
                    var isDischargeLeakage = $("#isDischargeLeakage input:checked").val();


                    var pressure = $("#pressure").val();
                    //图片地址
                    var pulleyAbrasionImgSrc = $("#pulleyAbrasionImgSrc").val();
                    var stirBearingAbrasionImgSrc = $("#stirBearingAbrasionImgSrc").val();
                    var nutLoosenessImgSrc = $("#nutLoosenessImgSrc").val();
                    var paddleBladeAbrasionImgSrc = $("#paddleBladeAbrasionImgSrc").val();
                    // var waterLeakageImgSrc = $("#waterLeakageImgSrc").val();
                    // var principalAxisMaterLeakageImgSrc = $("#principalAxisMaterLeakageImgSrc").val();
                    var scratchImgSrc = $("#scratchImgSrc").val();
                    // var dischargeLeakageImgSrc = $("#dischargeLeakageImgSrc").val();

                    var pressureImgSrc = $("#pressureImgSrc").val();
                    var remark = $("#remark").val();

                    var msg = "";
                    msg = msg + isFillIn(userName,"填写人");
                    // msg = msg + isFillIn(userDeptName,"所在部门");
                    msg = msg + isFillIn(productLine,"生产线名称");
                    msg = msg + isChose(classes,"班次");

                    msg = msg + isChose(isPulleyAbrasion,"电机滑轮是否磨损");
                    msg = msg + isChose(isRunStable,"主体运行是否平稳、无异响");
                    // msg = msg + isChose(isAbnormalSound,"主体运行是否异响");
                    msg = msg + isChose(isStirBearingAbrasion,"搅拌轴轴承是否磨损、破裂");
                    // msg = msg + isChose(isStirBearingBroke,"搅拌轴轴承是否破裂");
                    msg = msg + isChose(isStarBearingStable,"星型阀轴承是否平稳、无异响");

                    // msg = msg + isChose(isStarBearingAbnormalSound,"星型阀轴承是否异响");
                    msg = msg + isChose(isNutLooseness,"桨叶紧固螺母是否松动");
                    msg = msg + isChose(isPaddleBladeAbrasion,"高混机桨叶是否磨损");
                    msg = msg + isChose(isWaterLeakage,"冷水管道是否漏水");
                    msg = msg + isChose(isImpellerRunStable,"电机、叶轮运行是否平稳、无异响");
                    // msg = msg + isChose(isImpellerRunAbnormalSound,"电机、叶轮运行是否异响");

                    // msg = msg + isChose(isPrincipalAxisStable,"主轴轴承、机采运行是否平稳");
                    msg = msg + isChose(isPrincipalAxisAbnormalSound,"主轴轴承、机封运行是否平稳、无异响、无漏料");
                    // msg = msg + isChose(isPrincipalAxisMaterLeakage,"主轴轴承、机采运行是否漏料");
                    msg = msg + isChose(isScratch,"罐体内部有无擦痕");
                    msg = msg + isChose(isDischargeLeakage,"排料口密封是否漏料");

                    msg = msg + isFillIn(pressure,"轴气密封气压");

                    // msg = msg + isFillIn(pulleyAbrasionImgSrc,"电机滑轮照片");
                    msg = msg + isFillIn(equipmentNOImgSrc,"设备编码照片");
                    // msg = msg + isFillIn(stirBearingAbrasionImgSrc,"搅拌轴轴承照片");
                    // msg = msg + isFillIn(nutLoosenessImgSrc,"桨叶紧固螺母照片");
                    // msg = msg + isFillIn(paddleBladeAbrasionImgSrc,"高混机桨叶照片");
                    // msg = msg + isFillIn(waterLeakageImgSrc,"冷水管道照片");
                    // msg = msg + isFillIn(principalAxisMaterLeakageImgSrc,"主轴轴承、机采运行照片");
                    // msg = msg + isFillIn(scratchImgSrc,"罐体内部擦痕照片");
                    // msg = msg + isFillIn(dischargeLeakageImgSrc,"排料口密封照片");

                    // msg = msg + isFillIn(pressureImgSrc,"主轴气密封气压照片");
                    // msg = msg + isFillIn(remark, "备注");

                    if(msg.length > 0){
                        alert(msg);
                    }else{
                        $.ajax({
                            async:false,
                            type:"POST",
                            url:"<?=base_url('XunJian_YiPei/addSBEJDJB')?>",
                            data:{
                                "userName": userName,
                                "userId": userId,
                                // "userDeptName": userDeptName,
                                "createTime": createTime,
                                "productLine": productLine,
                                "classes": classes,

                                "equipmentNOImgSrc": equipmentNOImgSrc,

                                "isPulleyAbrasion": isPulleyAbrasion,
                                "isRunStable": isRunStable,
                                // "isAbnormalSound": isAbnormalSound,
                                "isStirBearingAbrasion": isStirBearingAbrasion,
                                // "isStirBearingBroke": isStirBearingBroke,
                                "isStarBearingStable": isStarBearingStable,

                                // "isStarBearingAbnormalSound": isStarBearingAbnormalSound,
                                "isNutLooseness": isNutLooseness,
                                "isPaddleBladeAbrasion": isPaddleBladeAbrasion,
                                "isWaterLeakage": isWaterLeakage,
                                "isImpellerRunStable": isImpellerRunStable,
                                // "isImpellerRunAbnormalSound": isImpellerRunAbnormalSound,

                                // "isPrincipalAxisStable": isPrincipalAxisStable,
                                "isPrincipalAxisAbnormalSound": isPrincipalAxisAbnormalSound,
                                // "isPrincipalAxisMaterLeakage": isPrincipalAxisMaterLeakage,
                                "isScratch": isScratch,
                                "isDischargeLeakage": isDischargeLeakage,
                                "pressure": pressure,

                                "pulleyAbrasionImgSrc": pulleyAbrasionImgSrc,
                                "stirBearingAbrasionImgSrc": stirBearingAbrasionImgSrc,
                                "nutLoosenessImgSrc": nutLoosenessImgSrc,
                                "paddleBladeAbrasionImgSrc": paddleBladeAbrasionImgSrc,
                                // "waterLeakageImgSrc": waterLeakageImgSrc,
                                // "principalAxisMaterLeakageImgSrc": principalAxisMaterLeakageImgSrc,
                                "scratchImgSrc": scratchImgSrc,
                                // "dischargeLeakageImgSrc": dischargeLeakageImgSrc,

                                "pressureImgSrc": pressureImgSrc,
                                "remark": remark,

                            },
                            dataType:"json",
                            success:function(data){
                                var userid = $("#userId").val();
                                var hrefStr = "<?=base_url('XunJian_YiPei/submitSuccess?userid=')?>" + userid;
                                window.location.href = hrefStr;
                            },
                            error: function(XMLHttpRequest, textStatus, errorThrown) {
                                //alert(XMLHttpRequest.status);
                                //alert(XMLHttpRequest.readyState);
                                //alert(textStatus);
                                alert("您更新的信息有误，请重新确认或联系管理员！");
                            }
                        });
                    }

                })
                $("#back").click(function () {
                    var userid = $("#userId").val();
                    var hrefStr = "<?=base_url('XunJianChose/gotoindex?userid=')?>" + userid;
                    window.location.href = hrefStr;
                })
            })
            var checkClick = false;
            function NoClick() {
                if (checkClick == true) {
                    alert("提交中...请3秒后再点击");
                    return false;
                }
                checkClick = true;

                setTimeout(function() {
                        checkClick = false;
                    },
                    3000);
                return true;
            }
            /*
            判断输入的参数是否为数字
             */
            function myIsNaN(value) {
                return typeof value === 'number' && !isNaN(value);
            }
            /*
            判断信息是否已经输入
             */
            function isFillIn(value,msg) {
                var reMsg = "";
                if(value.length === 0){
                    reMsg = msg + "为必填！请填写输入" + msg + "!\n";
                }
                return reMsg;
            }
            /*
            判断信息是否已经选择
             */
            function isChose(value, msg) {
                console.log(typeof(value));
                var reMsg = "";
                if(typeof(value) === 'undefined'){
                    reMsg = msg + "为必选！请选择" + msg + "!\n";
                }
                return reMsg;
            }

        </script>
        <style type="text/css">
            .form-group{padding-top: 30px;}
            h3{margin-top: 40px}
        </style>
        <!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
        <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    </head>
    <div>
        <div class="container">
            <div style="margin-top: 0px;"></div>
            <div class="">
                <h1 style="text-align:center">一配
                    <small>设备二级点检表</small>
                </h1>
            </div>
            <input type="hidden" name="userId" id="userId" value="<?=$userid?>">
            <input type="hidden" name="tableName" id="tableName" value="<?=$tableName?>">
            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    填写人:
                </lable>
                <div class="input-group col-xs-6 span6">
                    <input type="text" class="form-control" rows="2" id="userName" name="userName" value="<?=$username?>" readonly>
                </div>
            </div>

<!--            <div class="form-group">-->
<!--                <lable class="col-xs-6 span6 control-label">-->
<!--                    所在部门:-->
<!--                </lable>-->
<!--                <div class="input-group col-xs-6 span6">-->
<!--                    <select class="userDeptName form-control" id="userDeptName" data-style="btn-primary" data-width="100%" title="请选择所在的部门">-->
<!--                        <option data-hidden="true" value="" disable>---请选择所在的部门---</option>-->
<!--                        <option value="部门一">部门一</option>-->
<!--                        <option value="部门二">部门二</option>-->
<!--                        <option value="部门三">部门三</option>-->
<!--                    </select>-->
<!---->
<!--                </div>-->
<!--            </div>-->

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    填写时间:
                </lable>
                <div class="input-group col-xs-6 span6">
                    <?=date("Y-m-d H:i:s",$createTime)?>
                    <input type="hidden" class="form-control" rows="2" id="createTime" name="createTime" value="<?=$createTime?>" readonly="readonly">
                </div>
            </div>

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    生产线名称:
                </lable>
                <div class="input-group col-xs-6 span6">
                    <select class="productLine form-control" id="productLine" data-style="btn-primary" data-width="100%" title="请选择生产线名称">
                        <option data-hidden="true" value="" disable>---请选择生产线名称---</option>
                        <?php foreach ($lineData as $value):?>
                            <option value="<?=$value['lineId']?>"><?=$value['lineName']?></option>
                        <?php endforeach;?>
                    </select>

                </div>
            </div>

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    班次:
                </lable>
                <div id="classes" class="input-group col-xs-6 span6">
                    <label class="radio-inline">
                        <input type="radio" name="classes" value="1"> 白班
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="classes" value="0"> 夜班
                    </label>
                </div>
            </div>



            <h3 style="padding-top: 15px;background-color: #CEF6F5">行车
            </h3>
            <hr style="margin-top: 0px;margin-bottom: 0px;size: 5px;border: 1px solid black;">
            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    电机滑轮是否磨损:
                </lable>
                <div id="isPulleyAbrasion" class="input-group col-xs-6 span6">
                    <label class="radio-inline">
                        <input type="radio" name="isPulleyAbrasion" value="1"> 是
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="isPulleyAbrasion" value="0"> 否
                    </label>
                </div>
            </div>

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    电机滑轮照片:
                </lable>
                <div class="input-group col-xs-6 span6">
                    <input type="text" class="form-control pulleyAbrasionImgSrc" rows="2" id="pulleyAbrasionImgSrc" readonly="readonly" placeholder="请点击右侧按钮拍照并上传点击滑轮照片">
                    <span class="input-group-addon">
                         <span class="glyphicon glyphicon-camera pulleyAbrasionImgSrc"> </span>
                    </span>
                </div>
            </div>

            <div class="form-group">
                <div id="showimgpulleyAbrasion"></div>
            </div>

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    主体运行是否平稳、无异响:
                </lable>
                <div id="isRunStable" class="input-group col-xs-6 span6">
                    <label class="radio-inline">
                        <input type="radio" name="isRunStable" value="1"> 是
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="isRunStable" value="0"> 否
                    </label>
                </div>
            </div>

<!--            <div class="form-group">-->
<!--                <lable class="col-xs-6 span6 control-label">-->
<!--                    主体运行是否异响:-->
<!--                </lable>-->
<!--                <div id="isAbnormalSound">-->
<!--                    <label class="radio-inline">-->
<!--                        <input type="radio" name="isAbnormalSound" value="1"> 是-->
<!--                    </label>-->
<!--                    <label class="radio-inline">-->
<!--                        <input type="radio" name="isAbnormalSound" value="0"> 否-->
<!--                    </label>-->
<!--                </div>-->
<!--            </div>-->

            <h3 style="padding-top: 15px;background-color: #CEF6F5">计量仓
            </h3>
            <hr style="margin-top: 0px;margin-bottom: 0px;size: 5px;border: 1px solid black;">

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    搅拌轴轴承是否磨损、破裂:
                </lable>
                <div id="isStirBearingAbrasion" class="input-group col-xs-6 span6">
                    <label class="radio-inline">
                        <input type="radio" name="isStirBearingAbrasion" value="1"> 是
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="isStirBearingAbrasion" value="0"> 否
                    </label>
                </div>
            </div>

<!--            <div class="form-group">-->
<!--                <lable class="col-xs-6 span6 control-label">-->
<!--                    搅拌轴轴承是否破裂:-->
<!--                </lable>-->
<!--                <div id="isStirBearingBroke">-->
<!--                    <label class="radio-inline">-->
<!--                        <input type="radio" name="isStirBearingBroke" value="1"> 是-->
<!--                    </label>-->
<!--                    <label class="radio-inline">-->
<!--                        <input type="radio" name="isStirBearingBroke" value="0"> 否-->
<!--                    </label>-->
<!--                </div>-->
<!--            </div>-->

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    搅拌轴轴承照片:
                </lable>
                <div class="input-group col-xs-6 span6">
                    <input type="text" class="form-control stirBearingAbrasionImgSrc" rows="2" id="stirBearingAbrasionImgSrc" readonly="readonly" placeholder="请点击右侧按钮拍照并上传点击滑轮照片">
                    <span class="input-group-addon">
                         <span class="glyphicon glyphicon-camera stirBearingAbrasionImgSrc"> </span>
                    </span>
                </div>
            </div>

            <div class="form-group">
                <div id="showimgstirBearingAbrasion"></div>
            </div>

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    星型阀轴承是否平稳、无异响:
                </lable>
                <div id="isStarBearingStable" class="input-group col-xs-6 span6">
                    <label class="radio-inline">
                        <input type="radio" name="isStarBearingStable" value="1"> 是
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="isStarBearingStable" value="0"> 否
                    </label>
                </div>
            </div>

<!--            <div class="form-group">-->
<!--                <lable class="col-xs-6 span6 control-label">-->
<!--                    星型阀轴承是否异响:-->
<!--                </lable>-->
<!--                <div id="isStarBearingAbnormalSound">-->
<!--                    <label class="radio-inline">-->
<!--                        <input type="radio" name="isStarBearingAbnormalSound" value="1"> 是-->
<!--                    </label>-->
<!--                    <label class="radio-inline">-->
<!--                        <input type="radio" name="isStarBearingAbnormalSound" value="0"> 否-->
<!--                    </label>-->
<!--                </div>-->
<!--            </div>-->

            <h3 style="padding-top: 15px;background-color: #CEF6F5">高混机
            </h3>
            <hr style="margin-top: 0px;margin-bottom: 0px;size: 5px;border: 1px solid black;">

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    设备编码照片:
                </lable>
                <div class="input-group col-xs-6 span6">
                    <input type="text" class="form-control equipmentNOImgSrc" rows="2" id="equipmentNOImgSrc" readonly="readonly" placeholder="请点击右侧按钮拍照并上传点击设备编码照片">
                    <span class="input-group-addon">
                         <span class="glyphicon glyphicon-camera equipmentNOImgSrc"> </span>
                    </span>
                </div>
            </div>

            <div class="form-group">
                <div id="showimgequipmentNO"></div>
            </div>

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    桨叶紧固螺母是否松动:
                </lable>
                <div id="isNutLooseness" class="input-group col-xs-6 span6">
                    <label class="radio-inline">
                        <input type="radio" name="isNutLooseness" value="1"> 是
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="isNutLooseness" value="0"> 否
                    </label>
                </div>
            </div>

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    桨叶紧固螺母照片:
                </lable>
                <div class="input-group col-xs-6 span6">
                    <input type="text" class="form-control nutLoosenessImgSrc" rows="2" id="nutLoosenessImgSrc" readonly="readonly" placeholder="请点击右侧按钮拍照并上传桨叶紧固螺母照片">
                    <span class="input-group-addon">
                         <span class="glyphicon glyphicon-camera nutLoosenessImgSrc"> </span>
                    </span>
                </div>
            </div>

            <div class="form-group">
                <div id="showimgnutLooseness"></div>
            </div>

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    高混机桨叶是否磨损:
                </lable>
                <div id="isPaddleBladeAbrasion" class="input-group col-xs-6 span6">
                    <label class="radio-inline">
                        <input type="radio" name="isPaddleBladeAbrasion" value="1"> 是
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="isPaddleBladeAbrasion" value="0"> 否
                    </label>
                </div>
            </div>

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    高混机桨叶照片:
                </lable>
                <div class="input-group col-xs-6 span6">
                    <input type="text" class="form-control paddleBladeAbrasionImgSrc" rows="2" id="paddleBladeAbrasionImgSrc" readonly="readonly" placeholder="请点击右侧按钮拍照并上传高混机桨叶照片">
                    <span class="input-group-addon">
                         <span class="glyphicon glyphicon-camera paddleBladeAbrasionImgSrc"> </span>
                    </span>
                </div>
            </div>

            <div class="form-group">
                <div id="showimgpaddleBladeAbrasion"></div>
            </div>

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    冷水管道是否漏水:
                </lable>
                <div id="isWaterLeakage" class="input-group col-xs-6 span6">
                    <label class="radio-inline">
                        <input type="radio" name="isWaterLeakage" value="1"> 是
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="isWaterLeakage" value="0"> 否
                    </label>
                </div>
            </div>

<!--            <div class="form-group">-->
<!--                <lable class="col-xs-6 span6 control-label">-->
<!--                    冷水管道照片:-->
<!--                </lable>-->
<!--                <div class="input-group col-xs-6 span6">-->
<!--                    <input type="text" class="form-control" rows="2" id="waterLeakageImgSrc" readonly="readonly" placeholder="请点击右侧按钮拍照并上传冷水管道照片">-->
<!--                    <span class="input-group-addon">-->
<!--                         <span class="glyphicon glyphicon-camera waterLeakageImgSrc"> </span>-->
<!--                    </span>-->
<!--                </div>-->
<!--            </div>-->

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    电机、叶轮运行是否平稳、无异响:
                </lable>
                <div id="isImpellerRunStable" class="input-group col-xs-6 span6">
                    <label class="radio-inline">
                        <input type="radio" name="isImpellerRunStable" value="1"> 是
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="isImpellerRunStable" value="0"> 否
                    </label>
                </div>
            </div>


<!--            <div class="form-group">-->
<!--                <lable class="col-xs-6 span6 control-label">-->
<!--                    电机、叶轮运行是否异响:-->
<!--                </lable>-->
<!--                <div id="isImpellerRunAbnormalSound">-->
<!--                    <label class="radio-inline">-->
<!--                        <input type="radio" name="isImpellerRunAbnormalSound" value="1"> 是-->
<!--                    </label>-->
<!--                    <label class="radio-inline">-->
<!--                        <input type="radio" name="isImpellerRunAbnormalSound" value="0"> 否-->
<!--                    </label>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="form-group">-->
<!--                <lable class="col-xs-6 span6 control-label">-->
<!--                    主轴轴承、机采运行是否平稳:-->
<!--                </lable>-->
<!--                <div id="isPrincipalAxisStable">-->
<!--                    <label class="radio-inline">-->
<!--                        <input type="radio" name="isPrincipalAxisStable" value="1"> 是-->
<!--                    </label>-->
<!--                    <label class="radio-inline">-->
<!--                        <input type="radio" name="isPrincipalAxisStable" value="0"> 否-->
<!--                    </label>-->
<!--                </div>-->
<!--            </div>-->

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    主轴轴承、机封运行是否平稳、无异响、无漏料:
                </lable>
                <div id="isPrincipalAxisAbnormalSound" class="input-group col-xs-6 span6">
                    <label class="radio-inline">
                        <input type="radio" name="isPrincipalAxisAbnormalSound" value="1"> 是
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="isPrincipalAxisAbnormalSound" value="0"> 否
                    </label>
                </div>
            </div>


<!--            <div class="form-group">-->
<!--                <lable class="col-xs-6 span6 control-label">-->
<!--                    主轴轴承、机采运行是否漏料:-->
<!--                </lable>-->
<!--                <div id="isPrincipalAxisMaterLeakage">-->
<!--                    <label class="radio-inline">-->
<!--                        <input type="radio" name="isPrincipalAxisMaterLeakage" value="1"> 是-->
<!--                    </label>-->
<!--                    <label class="radio-inline">-->
<!--                        <input type="radio" name="isPrincipalAxisMaterLeakage" value="0"> 否-->
<!--                    </label>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="form-group">-->
<!--                <lable class="col-xs-6 span6 control-label">-->
<!--                    主轴轴承、机采运行照片:-->
<!--                </lable>-->
<!--                <div class="input-group col-xs-6 span6">-->
<!--                    <input type="text" class="form-control" rows="2" id="principalAxisMaterLeakageImgSrc" readonly="readonly" placeholder="请点击右侧按钮拍照并上传主轴轴承、机采运行照片">-->
<!--                    <span class="input-group-addon">-->
<!--                         <span class="glyphicon glyphicon-camera principalAxisMaterLeakageImgSrc"> </span>-->
<!--                    </span>-->
<!--                </div>-->
<!--            </div>-->

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    罐体内部有无擦痕:
                </lable>
                <div id="isScratch" class="input-group col-xs-6 span6">
                    <label class="radio-inline">
                        <input type="radio" name="isScratch" value="1"> 是
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="isScratch" value="0"> 否
                    </label>
                </div>
            </div>

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    罐体内部擦痕照片:
                </lable>
                <div class="input-group col-xs-6 span6">
                    <input type="text" class="form-control scratchImgSrc" rows="2" id="scratchImgSrc" readonly="readonly" placeholder="请点击右侧按钮拍照并上传罐体内部擦痕照片">
                    <span class="input-group-addon">
                         <span class="glyphicon glyphicon-camera scratchImgSrc"> </span>
                    </span>
                </div>
            </div>

            <div class="form-group">
                <div id="showimgscratch"></div>
            </div>

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    排料口密封是否漏料:
                </lable>
                <div id="isDischargeLeakage" class="input-group col-xs-6 span6">
                    <label class="radio-inline">
                        <input type="radio" name="isDischargeLeakage" value="1"> 是
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="isDischargeLeakage" value="0"> 否
                    </label>
                </div>
            </div>

<!--            <div class="form-group">-->
<!--                <lable class="col-xs-6 span6 control-label">-->
<!--                    排料口密封照片:-->
<!--                </lable>-->
<!--                <div class="input-group col-xs-6 span6">-->
<!--                    <input type="text" class="form-control" rows="2" id="dischargeLeakageImgSrc" readonly="readonly" placeholder="请点击右侧按钮拍照并上传排料口密封照片">-->
<!--                    <span class="input-group-addon">-->
<!--                         <span class="glyphicon glyphicon-camera dischargeLeakageImgSrc"> </span>-->
<!--                    </span>-->
<!--                </div>-->
<!--            </div>-->

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    主轴气密封气压:
                </lable>
                <div class="input-group col-xs-6 span6">
                    <input type="text" class="form-control" rows="2" id="pressure" placeholder="50~70Pa" name="pressure"><span class="input-group-addon">Pa</span>
                </div>
            </div>

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    主轴气密封气压照片:
                </lable>
                <div class="input-group col-xs-6 span6">
                    <input type="text" class="form-control pressureImgSrc" rows="2" id="pressureImgSrc" readonly="readonly" placeholder="请点击右侧按钮拍照并上传主轴气密封气压照片">
                    <span class="input-group-addon">
                         <span class="glyphicon glyphicon-camera pressureImgSrc"> </span>
                    </span>
                </div>
            </div>

            <div id="showimgpressure"></div>

            <div class="form-group">
                <lable class="col-xs-6 span6 control-label">
                    备注:
                </lable>
                <div class="input-group col-xs-6 span6">
                    <input type="text" class="form-control" row="2" id="remark">
                </div>
            </div>


<!---->
<!--            <div class="form-group">-->
<!--                <lable class="col-xs-6 span6 control-label">-->
<!--                    清理后筛振照片:-->
<!--                </lable>-->
<!--                <div class="input-group col-xs-6 span6">-->
<!--                    <input type="text" class="form-control" rows="2" id="afterImgSrc" readonly="readonly" placeholder="请点击右侧按钮拍照并上传清理后筛振照片">-->
<!--                    <span class="input-group-addon">-->
<!--                             <span class="glyphicon glyphicon-camera afterImgSrc"> </span>-->
<!--                        </span>-->
<!--                </div>-->
<!--            </div>-->
<!---->
<!--            <div id="showAfterImg"></div>-->

            <div class="form-group">
                <button id="submit" type="button" class="btn btn-primary btn-lg btn-block">
                    提交
                </button>
            </div>
            <div class="form-group" style="padding-top: 5px">
                <button id="back" type="button" class="btn btn-primary btn-lg btn-block">
                    返回
                </button>
            </div>
            <!--
            <p>
                <button id="test" type="button" class="btn btn-primary btn-lg btn-block">
                    调用二维码扫描
                </button>
            </p>
            <hr>
            <p>
                <button id="choose" type="button" class="btn btn-primary btn-lg btn-block">
                    调用相册或者摄像头上传图片
                </button>
            </p>
            <hr>
            <p>
            <div id="showimg"></div>
            </p>
            -->
        </div>
    </div>
</div>
<!--
<hr>
<p>
    <button id="upload" type="button" class="btn btn-primary btn-lg btn-block">
       上传图片
    </button>
</p>
<hr>
<p>
    <button id="download" type="button" class="btn btn-primary btn-lg btn-block">
       下载图片
    </button>
</p>
-->
</body>
</html>